<extend name="Public/detail_index"/>
<block name="pageHeader">
    <include file="Public/header.channel" channel="确认订单"/>
</block>
<block name="pageContent">
    <style>
        .list_left{width: 12em;float: left}
        .list_left img{width: 100%;}
        .list_right{position: relative;padding-left:12.5em; height: 7em}
        .list_right .text_one{
            font-size: 12px;
            color: #98a4b4;
            margin: 0 0 2px;
            line-height: 16px;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .list_right .text_two{
            font-size: 12px;
            color: #98a4b4;
            margin: 0 0 2px;
            line-height: 16px;
            word-break: break-all;
            overflow: hidden;
            overflow-x: hidden;
            overflow-y: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        .list_right .text_three{
            margin: 0;
            display: inline;
            color: #f93;
            font-size: 13px;
            line-height: 20px;
            float: left;
            position: absolute;
            bottom: -3px;
            left: 11.5em;
        }
        .list_right .text_tip{
            padding: 4px;
            color: #f93;
            font-size: 12px;
            border: 1px solid #f93;
            border-radius: 2px;
            background: #fff7ef;
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 0;
            line-height: 12px;
        }
        .list_right h3{font-size: 1.2em;font-weight: bold;max-height: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .footer .detail_ico1{ background: url("/Public/Home/images/fenxaing.png") no-repeat center .9em;background-size: 1.5em;}
        .footer .detail_ico2{ background: url("/Public/Home/images/shoucang.png") no-repeat center .9em;background-size: 1.5em;}
        .footer .detail_ico2_on{ background: url("/Public/Home/images/shoucang-on.png") no-repeat center .9em;background-size: 1.5em;color: #1296db}
        .footer .detail_ico3{padding:0.9em 0 0.8em;font-size: 1.4em; background:#1296db;color: #fff;}
        .footer .detail_ico4{padding:1em 1em; background: url("/Public/Home/images/ren-bai.png") no-repeat center;background-size: 1.5em;}

        .list-box1{padding: 1em;}
        .list-box{margin-top: 0;position: relative;}
        .good_nav{width: 100%;height: 3em;background-color: #F0EFF4;box-sizing: border-box;display: flex;padding: 0.5em 0;}
        .good_nav .good_nav_sub{width: 33.3%;border-left: solid 1px #D4D4D4;height: 100%;text-align: center;position: relative;}
        .good_nav .good_nav_sub:first-child{border-left:none;}
        .icon_down{background: url("/Public/Home/images/down.png") no-repeat 0.1em;padding:0 1em;}
        .icon_up{background: url("/Public/Home/images/up.png") no-repeat 0.1em;padding:0 1em;}


        .good_nav .good_nav_sub1{
            top: 8.5em;position:fixed;width: 301%;min-height: 10em;z-index: 999;left: 0;
            text-align: left;box-sizing: border-box;display: none;
        }

        .title-txt{font-size: 1.4em;padding: .5em 1em;background-color: #fff;}
        li.price{width: 50%;text-align: left;box-sizing: border-box;padding-left: 2em;line-height: 3.5em;font-size: 1.3em;}
    </style>
    <div class="title-txt"> 报名人信息 <span style="float: right">{$order[0]['ticket_name']}（{$order[0]['ticket_phone']}）</span></div>
    <div class="list-box">
        <volist name="active" id="vo">
            <a href="{:U('Order/details?pid='.$vo['id'])}">
                <dl class="clearfix list-box1">
                    <dt class="list_left">
                        <img src="{$vo.img}" alt="">
                    </dt>
                    <dd class="list_right">
                        <h3>
                            <span>{$vo.title}</span>
                        </h3>
                        <p class="text_one">时间：{:date('m月d日 H:i',$vo['start_time'])} 开始</p>
                        <p class="text_two"> {$vo.address}</p>
                        <!--<p class="text_three">-->
                            <!--<if condition="$vo.cost eq 0">免费<else/>¥{$vo.price}</if>-->
                        <!--</p>-->
                        <!--<p class="text_tip">新品上架</p>-->
                    </dd>
                </dl>
            </a>
        </volist>
    </div>
    <div class="title-txt"> 全票 <span style="float: right">×1 &nbsp;&nbsp;&nbsp;¥{$order[0]['active_price']}</span></div>

    <!--脚部-->
    <div class="footer">
        <ul style="box-sizing: border-box">
            <li class="price">
               合计：¥{$order[0]['active_price']}
            </li>

            <li style="box-sizing: border-box;border-left: solid 1px #D4D4D4;width: 50%">
                <a class="detail_ico3" onclick="payment()" href="#">马上支付</a>
            </li>
        </ul>
    </div>
    <script>
        function payment() {

        }
    </script>
</block>